<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" type="text/css" href="aboutme-style.css">
        <title>欢迎来到王佳乐的网站</title>
    </head>
    <body>
        <!--总标题-->
        <div class="header">
            <span>王佳乐的网站</span>
        </div>
        
        <!--正文-->
        <!--自我介绍-->
        <div id="introduction" class="content">
            <h2>自我介绍</h2>
            <p>我叫王佳乐，今年20岁，目前就读于<a href="https://www.bit.edu.cn/"><b>北京理工大学</b></a>，专业为<b>计算机科学与技术</b>。我是一个<b>阳光</b>、<b>乐观</b>却又有些社恐的人，喜欢篮球、音乐、<b>围棋</b>。</p>
        </div>
        <!--课程-->
        <div id="course" class="content">
            <h2>本学期课程</h2>
            <p>小学期：</p>
            <ul>
                <li>程序设计方法与实践</li>
                <li>Web开发基础</li>
            </ul>
            <p>必修：</p>
            <ul>
                <li>概率论与数理统计</li>
                <li>数值分析</li>
                <li>离散数学</li>
                <li>数据结构与算法设计</li>
                <li>大学物理AⅡ</li>
                <li>形势与政策Ⅲ</li>
                <li>物理实验BⅡ</li>
                <li>马克思主义基本原理</li>
            </ul>
            <p>选修：</p>
            <ul>
                <li>拳击</li>
                <li>舌尖上的科学</li>
                <li>JAVA语言程序设计</li>
            </ul>
        </div>
        <!--书目-->
        <div id="book" class="content">
            <h2>我喜欢的书目</h2>
            <p>这些都是我喜欢的书目，点击“简介”即可跳转到对应网页</p>
            <ol>
                <li>《三国演义》罗贯中——<a href="https://baike.baidu.com/item/%E4%B8%89%E5%9B%BD%E6%BC%94%E4%B9%89/5782?fr=aladdin">简介</a></li>
                <li>《小王子》安托万·德·圣-埃克苏佩里——<a href="https://baike.baidu.com/item/%E5%B0%8F%E7%8E%8B%E5%AD%90/270?fr=ge_ala">简介</a></li>
                <li>《海底两万里》儒勒·凡尔纳——<a href="https://baike.baidu.com/item/%E6%B5%B7%E5%BA%95%E4%B8%A4%E4%B8%87%E9%87%8C/64843?fr=ge_ala">简介</a></li>
            </ol>
        </div>
        <!--心情-->
        <div id="mood" class="content">
            <h2>心情</h2>
            <ul>
                <li>
                    <p>开心</p>
                    <p><img width="400" src="images/happy.gif" alt="happy"/></p>
                </li>
                <li>
                    <p>悲伤</p>

                </li>
            </ul>
        </div>



    </body>
</html>